<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/搜索.css">
    <link rel="stylesheet" href="../assetes/iconfont/font_m36hagnu7n9/iconfont.css">
    <title>搜索</title>
</head>
<body>
    <header>
        <span>8:00</span>
        <div>
            <img src="../assetes/image/4G黑.png" alt="">
            <img src="../assetes/image/wifi黑.png" alt="">
            <img src="../assetes/image/电池黑.png" alt="">
        </div>
    </header>
    <section class="head">
        <a href="../views/搜索有结果.html">
            <i class="iconfont icon-fangdajing"></i>
            <div>
                <input type="text" placeholder="时光流逝">
            </div>
        </a>
        <a href="../views/发现.html"><span>取消</span></a>
        <div>
            <a href="../views/账号已登录.html"><img src="../assetes/image/搜索/账号.png" alt=""></a>
        </div>
    </section>
    <main>
        <h1>热搜榜</h1>
        <ul>
            <li>
                <a href="../views/搜索有结果.html">
                    <p>
                        <span>1.stay</span><span>hot</span>
                    </p>
                    <p>The Kid LAROI/Justin Bie...</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>
                        <span>2.水星记</span>
                    </p>
                    <p>郭顶</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>
                        <span>3.巴黎八分钟</span><span>new</span>
                    </p>
                    <p>Woodkid</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>
                        <span>4.红莲华</span><span>new</span>
                    </p>
                    <p>LiSA-红莲华</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>5.总有一天你会出现...</p>
                    <p>棱镜</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>6.起风了</p>
                    <p>买辣椒也用劵</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>7.哪里都是你</p>
                    <p>队长-哪里都是你</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>8.沦陷</p>
                    <p>魏晨</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>9.他不懂</p>
                    <p>张杰</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <p>10.我们两</p>
                    <p>郭顶</p>
                </a>
            </li>

        </ul>
    </main>
</body>
</html>